<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="打印表格(函数).js" type="text/javascript"></script>
    <style>
        #box2{
            border: 1px solid red;
            height: 100px;width: 500px;
            background: lightgreen;
        }
    </style>
    <!--
样式属性： 属性名:属性值;
获取：

	行间样式：

		获取属性的语法：

			对象.style.属性名

	内联样式：外联样式：

		/*
		 	getCss ： 获取内联和外联样式,还可以获取行间样式
		 	obj : 获取的对象
		 	css : 获取对象上属性
		 * */
		function getCss(obj,css){
			return obj.currentStyle ? obj.currentStyle[css] : getComputedStyle(obj, null)[css]
		}

设置样式：注意： 不管是行间 内联 或者外联

	语法：  对象.style.属性名 = 值

	分析： 优先级最高
-->
</head>
<body>
    <div style="width: 500px;height: 100px;border: 1px solid red">
        行间样式
    </div>
    <div id="box2">
        内联样式
    </div>
    <script type="text/javascript">
        //行间样式
        //通过标签获得的是个数组，不能直接使用
        var divTag = document.getElementsByTagName("div");
       //通过这种方式就可以操作通过标签名获得的数组了
        d(divTag[0].style.width);

        //1，首先获取父标签(内联样式)
        var box2 = document.getElementById("box2");
        //2,获取背景颜色
        var bgcolor = getComputedStyle(box2,null)["background"] ||
            box2.currentStyle["backgronud"];
        var height = getComputedStyle(box2,null)["height"] ||
            box2.currentStyle["height"];
        log(height);


    </script>

</body>
</html>